import {
  createStore
} from "vuex";
// A模块
const moduleA = {
  namespaced: true,
  state: {
    name: "moduleA",
  },
  getters: {
    newName(state) {
      return state.name;
    },
  },
  mutations: {
    changeName(state, payload) {
      state.name = payload;
    },
    updateAge(state, playLoad) {
      state.age = playLoad;
    },
  },
  actions: {
    changeAge({
      commit
    }, age) {
      setTimeout(() => {
        commit("updateAge", age);
      }, 0);
    },
  },
};
// B模块
// const moduleB = {
//   namespaced: true,
//   state: {
//     name: "moduleB",
//     age: 33,
//   },
//   getters: {
//     newName(state) {
//       return state.name;
//     },
//   },
//   mutations: {
//     changeName(state, payload) {
//       state.name = payload;
//     },
//     updateAge(state, playLoad) {
//       console.log("playLoad", playLoad);
//       state.age = playLoad;
//     },
//   },
//   actions: {
//     changeAge(ctx, count) {
//       console.log("触发了-模块B的action");
//       setTimeout(() => {
//         ctx.commit("updateAge", count);
//       }, 1000);
//     },
//   },
// };
export default createStore({
  // 分模块
  modules: {
    moduleA
    // moduleB,
  },
});